<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./static/css/resume_pc.css">
    <title>resume</title>
</head>

<body>
    <div id="page-1" class="hide">
        <!-- 展示4s -->
        <div class="flex-center">
            <div class="flex-center">接下来您将看到</div>
            <div class="flex-center">一次难忘的</div>
            <div class="flex-center">自我介绍</div>
        </div>
    </div>
    <div id="page-2" class="hide">
        <!-- 展示2s -->
        <div class="flex-center">
            <div class="flex-center">友</div>
            <div class="flex-center">情</div>
            <div class="flex-center">提</div>
            <div class="flex-center">醒</div>
        </div>
    </div>
    <div id="page-3" class="hide">
        <!-- 展示2s -->
        <div class="flex-center">
            <div class="flex-center">千</div>
            <div class="flex-center">万</div>
            <div class="flex-center">不</div>
            <div class="flex-center">要</div>
            <div class="flex-center">眨</div>
            <div class="flex-center">眼</div>
        </div>
    </div>
    <style>

    </style>
    <!-- 展示2s -->
    <div id="page-4" class="hide">
        <div>
            <div class="flex-center">3</div>
            <div class="flex-center">2</div>
            <div class="flex-center">1</div>
            <div class="flex-center">GO</div>
        </div>
    </div>
    <!-- 展示3s -->
    <div id="page-5" class="hide">
        <div>
            <div class="flex-center">我</div>
            <div class="flex-center">的</div>
            <div class="flex-center">名字</div>
            <div class="flex-center">叫做</div>
            <div class="flex-center">杨杰</div>
            <div class="flex-center">我的名字<br>叫做杨杰</div>
        </div>
    </div>
    <!-- 展示8s -->
    <div id="page-6" class="hide">
        <div>
            <div class="flex-center">请注意</div>
            <div class="flex-center">
                <img style="width: 80%;" src="./static/image/ldh.jpg">
            </div>
            <div class="flex-center">这<br>就<br>是<br>我</div>
            <div class="flex-center">不好意思</div>
            <div class="flex-center">放错了</div>
            <div class="flex-center">
                <img style="width: 40%;" src="./static/image/xiao.jpg">
            </div>
            <div class="flex-center">帅气</div>
            <div class="flex-center">智慧</div>
            <div class="flex-center">帅气与智慧并重</div>
            <div class="flex-center">
                <img style="width: 80%;" src="./static/image/me.jpg">
            </div>
            <div class="flex-center">这<br>才<br>是<br>我</div>
        </div>
    </div>
    <!-- 展示7s -->
    <div id="page-7" class="hide">
        <div>
            <div class="flex-center">接下来我要隆重的介绍一下自己</div>
            <div class="flex-center"></div>
            <div class="flex-center"></div>
            <div class="flex-center"></div>
            <div class="flex-center"></div>
            <div class="flex-center"></div>
            <div class="flex-center">loading</div>
            <div class="flex-center"></div>
            <div class="flex-center">come on</div>
        </div>
    </div>

    <div id="page-8" class="hide">
        <!-- 展示4s -->
        <div class="box1">
            <div class="content1">
                <div class="front1">come on</div>
                <div class="back1">篮球</div>
                <div class="left1">跑步</div>
                <div class="right1">游泳</div>
            </div>
        </div>
    </div>
    <div id="page-9" class="hide">
        <!-- 展示2s -->
        <div>
            <div class="flex-center">这些都不是我的爱好</div>
        </div>
    </div>
    <style>
        
    </style>
    <div id="page-10" class="hide">
        <!-- 展示4s -->
        <div class="box2">
            <div class="content2">
                <div class="front2">我的爱好是……</div>
                <div class="back2">学习</div>
                <div class="left2">学习</div>
                <div class="right2">学习</div>
            </div>
        </div>
    </div>
    <div id="page-11" class="hide">
        <!-- 展示2s -->
        <div>
            <div class="flex-center">这些才是我爱好</div>
        </div>
    </div>

    <div id="page-12" class="hide">
        <!-- 展示2s -->
        <div class="flex-center">
            <div class="flex-center">好了好了不装逼了</div>
            <div class="flex-center">其实我就是一名</div>
            <div class="flex-center">普通的程序员</div>
        </div>
    </div>
    <div id="page-13" class="hide">
        <!-- 结束 -->
        <div  class="flex-center">
            <div>
                <div>最&emsp;后&emsp;祝&emsp;您</div>
                <div>生&emsp;活&emsp;愉&emsp;快</div>
                <div>万&emsp;事&emsp;如&emsp;意</div>
            </div>
        </div>
    </div>
</body>
<script src="./static/js/resume_pc.js"></script>
</html>